<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发现</title>
    <link rel="stylesheet" type="text/css" href="../css/discover.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/city.css">
    <link rel="stylesheet" type="text/css" href="../css/footer.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/noselect-place.js"></script>
    <script type="text/javascript" src="../js/city.js"></script>
</head>
<body>
<nav class="clearfix">
    <div class="nav">
        <a class="logo fl" href="index.html">
            <img src="../img/1-logo-white.3de707b4.png" alt="">
        </a>
        <div class="city-name fl" style="color:#fff;margin-left:20px;font-size:14px;width: 50px;background:  url(../img/1-arr-down.9f1dbfdd.png) no-repeat right center;cursor: pointer;">上海</div>
        <ul class="lei fl">
            <li class="ashow fl"><a href="javascript:;">全部演出</a>
                <div class="submenu">
                    <ul class="allshow">
                        <li>
                            <a href="javascript:;">演唱会</a>
                        </li>
                        <li>
                            <a href="javascript:;">话剧歌剧</a>
                        </li>
                        <li>
                            <a href="javascript:;">休闲展览</a>
                        </li>
                        <li>
                            <a href="javascript:;">体育赛事</a>
                        </li>
                        <li>
                            <a href="javascript:;">音乐会</a>
                        </li>
                        <li>
                            <a href="javascript:;">儿童亲子</a>
                        </li>
                        <li>
                            <a href="javascript:;">舞蹈芭蕾</a>
                        </li>
                        <li>
                            <a href="javascript:;">戏曲综艺</a>
                        </li>
                    </ul>
                </div>

            </li>
            <li class="fl"><a href="javascript:;">发现</a></li>
            <li class="fl"><a href="./shifen.html">十分现场</a></li>
        </ul>
        <div class="search fl">
            <input class="fl" type="text" placeholder="搜索演出、明星、场馆">
            <img src="../img/1-icon-search.c1ea7e12.png" alt="搜索">
        </div>
        <div class="right fr">
            <a class="fl" href="javascript:;">登录</a>
            <span>|</span>
            <div class="app fr">手机票牛
                <div class="submenu1">
                    <ul class="appshow">
                        <li class="clearfix">
                            <img  class="img1 fl" src="../img/1-qr-app.a2c8e636.png" width="84px" >
                            <div class="text fr">
                                <div class="title">票牛APP</div>
                                <div class="desc">热门票随时抢<br>折扣票随时买</div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="img2 fl"><img src="../img/1-qr-wechat.eceb0fc5.png"  height="84px"></div>

                            <div class="text fr">
                                <p class="title">微信订阅号</p>
                                <p class="desc">精彩剧评最新<br>活动随时看</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
<div>
    <!-- <div class="city-name">上海</div> -->

    <div class="citylist">
        <div class="top-rows">
            <div class="row">
                <div class="title">当前城市：</div>
                <ul>
                    <li class="selected" data-name="shanghai">上海</li>
                </ul>
            </div>
            <div class="row">
                <div class="title">热门城市：</div>
                <ul class="asdf">
                    <li class="city-item" data-name="shanghai">上海</li>
                    <li class="city-item" data-name="beijing">北京</li>
                    <li class="city-item" data-name="guangzhou">广州</li>
                    <li class="city-item" data-name="shenzhen">深圳</li>
                    <li class="city-item" data-name="chengdu">成都</li>
                    <li class="city-item" data-name="chongqing">重庆</li>
                    <li class="city-item" data-name="tianjin">天津</li>
                    <li class="city-item" data-name="hangzhou">杭州</li>
                    <li class="city-item" data-name="nanjing">南京</li>
                    <li class="city-item" data-name="wuhan">武汉</li>
                    <li class="city-item" data-name="xian">西安</li>
                    <li class="city-item" data-name="changsha">长沙</li>
                    <li class="city-item" data-name="kunming">昆明</li>
                </ul>
            </div>
        </div>
        <div class="city-indexes">
            <div class="title">按字母查找</div>
            <ul class="hot-city-capitcals">
                <li class="cap" id="a">A</li><li class="cap" id="b">B</li><li class="cap" id="c">C</li><li class="cap" id="d">D</li><li class="cap" id="f">F</li><li class="cap" id="g">G</li><li class="cap" id="h">H</li><li class="cap" id="j">J</li><li class="cap" id="k">K</li><li class="cap" id="l">L</li><li class="cap" id="m">M</li><li class="cap" id="n">N</li><li class="cap" id="p">P</li><li class="cap" id="q">Q</li><li class="cap" id="r">R</li><li class="cap" id="s">S</li><li class="cap" id="t">T</li><li class="cap" id="w">W</li><li class="cap" id="x">X</li><li class="cap" id="y">Y</li><li class="cap" id="z">Z</li>
            </ul>
        </div>
        <div class="hot-cities">
            <ul>
                <li data-capital="A" id="A">
                    <div class="capital">A</div>
                    <ul class="items">
                        <div class="item city-item" data-name="anshun">安顺</div><div class="item city-item" data-name="macau">澳门</div>
                    </ul>
                </li>
                <li data-capital="B" id="B">
                    <div class="capital">B</div>
                    <ul class="items">
                        <div class="item city-item" data-name="bangkok">曼谷</div><div class="item city-item" data-name="baoding">保定</div><div class="item city-item" data-name="baotou">包头</div><div class="item city-item" data-name="beihai">北海</div><div class="item city-item" data-name="beijing">北京</div><div class="item city-item" data-name="bengbu">蚌埠</div><div class="item city-item" data-name="benxi">本溪</div><div class="item city-item" data-name="binzhou">滨州</div>
                    </ul>
                </li>
                <li data-capital="C" id="C">
                    <div class="capital">C</div>
                    <ul class="items">
                        <div class="item city-item" data-name="changchun">长春</div><div class="item city-item" data-name="changsha">长沙</div><div class="item city-item" data-name="changshu">常熟</div><div class="item city-item" data-name="changzhou">常州</div><div class="item city-item" data-name="chengde">承德</div><div class="item city-item" data-name="chengdu">成都</div><div class="item city-item" data-name="chongqing">重庆</div>
                    </ul>
                </li>
                <li data-capital="D" id="D">
                    <div class="capital">D</div>
                    <ul class="items">
                        <div class="item city-item" data-name="dalian">大连</div><div class="item city-item" data-name="daqing">大庆</div><div class="item city-item" data-name="deyang">德阳</div><div class="item city-item" data-name="dezhou">德州</div><div class="item city-item" data-name="dongguan">东莞</div><div class="item city-item" data-name="dongying">东营</div>
                    </ul>
                </li>
                <li data-capital="F" id="F">
                    <div class="capital">F</div>
                    <ul class="items">
                        <div class="item city-item" data-name="foshan">佛山</div><div class="item city-item" data-name="fushun">抚顺</div><div class="item city-item" data-name="fuzhou">福州</div>
                    </ul>
                </li>
                <li data-capital="G" id="G">
                    <div class="capital">G</div>
                    <ul class="items">
                        <div class="item city-item" data-name="ganzhou">赣州</div><div class="item city-item" data-name="guangan">广安</div><div class="item city-item" data-name="guangxiyulin">玉林</div><div class="item city-item" data-name="guangzhou">广州</div><div class="item city-item" data-name="guilin">桂林</div><div class="item city-item" data-name="guiyang">贵阳</div>
                    </ul>
                </li>
                <li data-capital="H" id="H">
                    <div class="capital">H</div>
                    <ul class="items">
                        <div class="item city-item" data-name="haerbin">哈尔滨</div><div class="item city-item" data-name="haikou">海口</div><div class="item city-item" data-name="handan">邯郸</div><div class="item city-item" data-name="hangzhou">杭州</div><div class="item city-item" data-name="hefei">合肥</div><div class="item city-item" data-name="hengshui">衡水</div><div class="item city-item" data-name="hengyang">衡阳</div><div class="item city-item" data-name="heyuan">河源</div><div class="item city-item" data-name="huaian">淮安</div><div class="item city-item" data-name="huanggang">黄冈</div><div class="item city-item" data-name="huhehaote">呼和浩特</div><div class="item city-item" data-name="huizhou">惠州</div><div class="item city-item" data-name="huzhou">湖州</div>
                    </ul>
                </li>
                <li data-capital="J" id="J">
                    <div class="capital">J</div>
                    <ul class="items">
                        <div class="item city-itradioem" data-name="jiangmen">江门</div><div class="item city-item" data-name="jiangxiyichun">宜春</div><div class="item city-item" data-name="jiaxing">嘉兴</div><div class="item city-item" data-name="jilin">吉林</div><div class="item city-item" data-name="jinan">济南</div><div class="item city-item" data-name="jingzhou">荆州</div><div class="item city-item" data-name="jinhua">金华</div><div class="item city-item" data-name="jining">济宁</div><div class="item city-item" data-name="jiujiang">九江</div>
                    </ul>
                </li>
                <li data-capital="K" id="K">
                    <div class="capital">K</div>
                    <ul class="items">
                        <div class="item city-item" data-name="kunming">昆明</div><div class="item city-item" data-name="kunshan">昆山</div>
                    </ul>
                </li>
                <li data-capital="L" id="L">
                    <div class="capital">L</div>
                    <ul class="items">
                        <div class="item city-item" data-name="langfang">廊坊</div><div class="item city-item" data-name="lanzhou">兰州</div><div class="item city-item" data-name="lasvegas">拉斯维加斯</div><div class="item city-item" data-name="leshan">乐山</div><div class="item city-item" data-name="lianyuangang">连云港</div><div class="item city-item" data-name="liaocheng">聊城</div><div class="item city-item" data-name="linyi">临沂</div><div class="item city-item" data-name="lishui">丽水</div><div class="item city-item" data-name="liuzhou">柳州</div><div class="item city-item" data-name="luoyang">洛阳</div>
                    </ul>
                </li>
                <li data-capital="M" id="M">
                    <div class="capital">M</div>
                    <ul class="items">
                        <div class="item city-item" data-name="maanshan">马鞍山</div><div class="item city-item" data-name="maoming">茂名</div><div class="item city-item" data-name="mianyang">绵阳</div><div class="item city-item" data-name="moscow">莫斯科</div><div class="item city-item" data-name="mudanjiang">牡丹江</div>
                    </ul>
                </li>
                <li data-capital="N" id="N">
                    <div class="capital">N</div>
                    <ul class="items">
                        <div class="item city-item" data-name="nanchang">南昌</div><div class="item city-item" data-name="nanjing">南京</div><div class="item city-item" data-name="nanning">南宁</div><div class="item city-item" data-name="nantong">南通</div><div class="item city-item" data-name="ningbo">宁波</div>
                    </ul>
                </li>
                <li data-capital="P" id="P">
                    <div class="capital">P</div>
                    <ul class="items">
                        <div class="item city-item" data-name="pingxiang">萍乡</div>
                    </ul>
                </li>
                <li data-capital="Q" id="Q">
                    <div class="capital">Q</div>
                    <ul class="items">
                        <div class="item city-item" data-name="qianjiang">潜江</div><div class="item city-item" data-name="qingdao">青岛</div><div class="item city-item" data-name="qingyuan">清远</div><div class="item city-item" data-name="qinhuangdao">秦皇岛</div><div class="item city-item" data-name="quanzhou">泉州</div>
                    </ul>
                </li>
                <li data-capital="R" id="R">
                    <div class="capital">R</div>
                    <ul class="items">
                        <div class="item city-item" data-name="rizhao">日照</div><div class="item city-item" data-name="russia">俄罗斯</div>
                    </ul>
                </li>
                <li data-capital="S" id="S">
                    <div class="capital">S</div>
                    <ul class="items">
                        <div class="item city-item" data-name="sanya">三亚</div><div class="item city-item" data-name="shanghai">上海</div><div class="item city-item" data-name="shantou">汕头</div><div class="item city-item" data-name="shaoxing">绍兴</div><div class="item city-item" data-name="shenyang">沈阳</div><div class="item city-item" data-name="shenzhen">深圳</div><div class="item city-item" data-name="shijiazhuang">石家庄</div><div class="item city-item" data-name="singapore">新加坡</div><div class="item city-item" data-name="suining">遂宁</div><div class="item city-item" data-name="suzhou">苏州</div>
                    </ul>
                </li>
                <li data-capital="T" id="T">
                    <div class="capital">T</div>
                    <ul class="items">
                        <div class="item city-item" data-name="taian">泰安</div><div class="item city-item" data-name="taiyuan">太原</div><div class="item city-item" data-name="taizhou">泰州</div><div class="item city-item" data-name="tangshan">唐山</div><div class="item city-item" data-name="tianjin">天津</div>
                    </ul>
                </li>
                <li data-capital="W" id="W">
                    <div class="capital">W</div>
                    <ul class="items">
                        <div class="item city-item" data-name="weifang">潍坊</div><div class="item city-item" data-name="weihai">威海</div><div class="item city-item" data-name="wenzhou">温州</div><div class="item city-item" data-name="wuhan">武汉</div><div class="item city-item" data-name="wuhu">芜湖</div><div class="item city-item" data-name="wulumuqi">乌鲁木齐</div><div class="item city-item" data-name="wuxi">无锡</div><div class="item city-item" data-name="wuzhou">梧州</div>
                    </ul>
                </li>
                <li data-capital="X" id="X">
                    <div class="capital">X</div>
                    <ul class="items">
                        <div class="item city-item" data-name="xiamen">厦门</div><div class="item city-item" data-name="xian">西安</div><div class="item city-item" data-name="hongkong">香港</div><div class="item city-item" data-name="xuzhou">徐州</div>
                    </ul>
                </li>
                <li data-capital="Y" id="Y">
                    <div class="capital">Y</div>
                    <ul class="items">
                        <div class="item city-item" data-name="yancheng">盐城</div><div class="item city-item" data-name="yangzhou">扬州</div><div class="item city-item" data-name="yantai">烟台</div><div class="item city-item" data-name="yibin">宜宾</div><div class="item city-item" data-name="yichang">宜昌</div><div class="item city-item" data-name="yinchuan">银川</div><div class="item city-item" data-name="yingkou">营口</div><div class="item city-item" data-name="yiwu">义乌</div><div class="item city-item" data-name="yulin">榆林</div>
                    </ul>
                </li>
                <li data-capital="Z" id="Z">
                    <div class="capital">Z</div>
                    <ul class="items">
                        <div class="item city-item" data-name="zaozhuang">枣庄</div><div class="item city-item" data-name="zhangjiakou">张家口</div><div class="item city-item" data-name="zhangqiu">章丘</div><div class="item city-item" data-name="zhanjiang">湛江</div><div class="item city-item" data-name="zhaoqing">肇庆</div><div class="item city-item" data-name="zhejiangtaizhou">台州</div><div class="item city-item" data-name="zhengzhou">郑州</div><div class="item city-item" data-name="zhenjiang">镇江</div><div class="item city-item" data-name="zhongshan">中山</div><div class="item city-item" data-name="zhoushan">舟山</div><div class="item city-item" data-name="zhuhai">珠海</div><div class="item city-item" data-name="zhuzhou">株洲</div><div class="item city-item" data-name="zibo">淄博</div><div class="item city-item" data-name="zigong">自贡</div><div class="item city-item" data-name="zunyi">遵义</div>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="zb">
    <div class="zb-1">
        <span style="color: #999" >票牛首页></span>
        <span style="color: #333331" >发现</span>
    </div>
    <div class="zb-2">
        <div class="content" style="float: left;">
            <div class="zb-3">
                <div class="zb-3-1">大家都在看</div>
            </div>





            <div class="content-left" id="content" style="width: 800px;height: 250px;">



            </div>


        </div>
    </div>
    <div class="zb-2-2" style="float: right;">
        <div class="zb-2-2-1">
            <div class="q">
                <span class="q-1">十分现场</span>
                <span class="q-2">更多</span>
            </div>
            <div class="w">
                <div class="w-1">
                    <img src="../img/zb-1.jpg">
                    <div class="w-1-1">
                        <p style="font-size: 18px;color: #323337;margin: 0">听Howard Shore讲「魔戒」的音乐故事</p>
                        <p style="font-size: 14px;color: #9a9a9a;">《指环王：魔戒再现》专..</p>
                        <p style="font-size: 14px;color: #9a9a9a;">12月12日</p>
                    </div>

                </div>
                <div class="w-2">
                    <img src="../img/zb2.jpg">
                    <div class="w-2-1">
                        <p style="font-size: 18px;color: #323337;margin: 0">从“嫌弃”到“全好评”！最近密室圈因为这个不起眼的【小镇】炸锅了！</p>
                        <p style="font-size: 14px;color: #9a9a9a;">从酒香也怕巷子深到爆场..</p>
                        <p style="font-size: 14px;color: #9a9a9a;">12月10日</p>
                    </div>

                </div>
                <div class="w-3">
                    <img src="../img/zb-3.jpg">
                    <div class="w-3-1">
                        <p style="font-size: 18px;color: #323337;margin: 0">那些“作妖”的密室等你来揭发！作者写到最后已哭晕...x</p>
                        <p style="font-size: 14px;color: #9a9a9a;margin-top: 5px">写在最前面免责声明：亲</p>
                        <p style="font-size: 14px;color: #9a9a9a;margin-top: 5px">12月10日</p>
                    </div>

                </div>
            </div>
        </div>
        <div class="zb-2-2-2">
            <div class="w-4">
                <img src="../img/zb-4.jpg">
                <div class="w-4-1">
                    <p style="font-size: 24px;color: #323337;margin: 25px 0 17px 0" class="pp">票牛APP</p>
                    <p style="font-size: 14px;color: #9a9a9a;margin: 0">热门票随时抢</p>
                    <p style="font-size: 14px;color: #9a9a9a;margin: 0">折扣票随时买</p>
                </div>

            </div>

        </div>
    </div>
</div>




</div>
<div class="footer1" style="position:fixed; left:0px; bottom:0px; width:100%;z-index:9999;">
    <div class="content1" style="margin-top: 50px;background: black;">
        <div class="hot-search">


            <a href="//www.piaoniu.com/stag/32048">BIGBANG郑州演唱会</a>
            <a href="//www.piaoniu.com/stag/48745">刘若英兰州演唱会行程</a>
            <a href="//www.piaoniu.com/stag/56052">魏如萱海口演唱会行程</a>
            <a href="//www.piaoniu.com/stag/56286">Teen Top梧州演唱会行程</a>
            <a href="//www.piaoniu.com/stag/62199">Ben UFO贵阳演唱会行程</a>
            <a href="//www.piaoniu.com/stag/62472">Mr. Graceless长春演唱会行程</a>
            <a href="//www.piaoniu.com/stag/67415">刘思涵太原演唱会行程</a>
            <a href="//www.piaoniu.com/stag/75673">叶丽仪绍兴演唱会行程</a>
            <a href="//www.piaoniu.com/stag/86996">方季惟南宁演唱会安排</a>
            <!--    <a href="//www.piaoniu.com/stag/112643">吕方温州演唱会安排</a> -->

        </div>
        <div class="w-conduct">
            上海颂品网络科技有限公司 Copyright (c) 2015年 Songpin. All rights reserved. | 沪ICP备14000399号-2
        </div>
        <div class="police-icons">
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001682" target="_blank" rel="nofollow" class="link link-police">
                <img src="https://static.piaoniu.com/pc/img/police.dfd1a0f7.png" class="icon">
                <div class="text">沪公网安备 31010602001682号</div>
            </a>
            <a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=2016050618242638" target="_blank" rel="nofollow" class="link link-gongshang">
                <img src="https://static.piaoniu.com/pc/img/gongshang.5c149d3e.png" class="icon">
                <div class="text">上海工商</div>
            </a>
        </div>

    </div>
</div>



<script type="text/javascript">
    /*var oSpan = document.getElementById('span');

    oSpan.onclick = function(){
        oSpan.innerHTML++;
    }*/


    $(function () {
        findBytatus();
    });


    //按照商品id查询出有关于商品的优惠券
    function findBytatus(){
        $.ajax({
            url: "http://192.168.10.154/api-pn/comment/api/p/listFindComment",
            type:"post",
            dateType:"json",
            success: function (data) {
                $.each(JSON.parse(data),function (i,e) {
                    $("#content").append("<div class='content-left' style='width: 800px;height: 200px;'>" +
                        "<div class='fl left'>"+
                        "<div class='radio' >"+
                        "<img src='"+e.user.headImgURL+"' width='38px';height='36px'></div>"+
                        "<div class='guan'>"+e.user.userIdentity+" </div></div>"+
                        "<div class='fl right' style='height: 250px;'>"+
                        "<div class='top' style='margin-top:5%'>"+
                        "<div class='fl start' style='font-size: 14px;'>"+e.user.nickName+"<br></div>"+
                        "<div class='fr size'>"+getLocalTime(e.comment.commentTime)+"</div>"+
                        "</div>"+
                        "<div class='foot'>"+
                        "<div class='font' style='font-size: 14px;height: 40px;'>"+
                        "<p>"+e.comment.content+"</p>"+
                        "</div>"+
                        "<div class='the-end'>"+
                        "<img src='"+e.commodity.imgUrl+"' class='fl' style='width: 82px;'>"+
                        "<p style='font-size: 14px;'>"+e.commodity.commodityName+"</p>"+
                        "</div>"+
                        "<div class='ff '>"+
                        "<div class='fr'>" +
                        "<i class='iconfont icon-xiaoxi'></i>" +
                        "<a href='javascript:;'>"+e.comment.childCount+" <span>回复 &nbsp&nbsp</span></a>" +
                        "<i class='iconfont'>&#xe600;</i><a href='javascript:;'><span id='span'>"+e.comment.likeCount+"</span><span>赞</span></a>" +
                        "</div>"+
                        "</div>"+
                        "</div>"+
                        "</div>")
                })
            },
            error:function (data) {
                alert("错误")
            }
        })
    }
    //转换时间戳为日期格式
    function getLocalTime(nS) {
        //将时间戳（十三位时间戳，也就是带毫秒的时间戳）转换成时间格式
        let date = new Date(nS);
        let year = date.getFullYear();
        let month = date.getMonth()+1;
        let day = date.getDate();
        month = month < 10 ? "0"+month:month;
        day = day < 10 ? "0"+day:day;
        date = year+'-'+month+'-'+day;
        return date;
    }

</script>
</body>
</html>